/*------------------------------------------------------------------------
# JoomlAxe CSS
# ------------------------------------------------------------------------
# Author: Spy2furious@gmail.com
# Websites:  http://www.joomlaxe.com
# License:  Creative Commons Attribution 3.0 License
-------------------------------------------------------------------------*/

html, body, form, fieldset { margin: 0; padding: 0 }
body { background: #FFFFFF; font-size: 12px; line-height: 1.5em }
body#background { font: 11px/165% 'Lucida Grande', Verdana, Helvetica, sans-serif; color: #666666; margin: 0; padding: 0; background: #F6F5F5 url(../images/bg.gif) repeat-x; text-align: center }
a:link, a:visited { text-decoration: none; color: #AE855C }
a:hover, a:active { }
a img { border: none; text-decoration: none }
h1, h2, h3, h4 { color: #444; font: bold 1em/1.5em Georgia, 'Times New Roman', Times, serif; padding: 10px 15px 7px 15px }
h1 { font-size: 3.7em; font-weight: normal; letter-spacing: -2px }
h2 { font-size: 2.8em; font-weight: normal; color: #663333 }
h3 { font-size: 2em; font-weight: normal; letter-spacing: -0.5px; padding-top: 5px }
h4 { font-size: 1.3em }
ul, ol { margin: 10px 20px; padding: 0 20px }
ul { list-style: disc }
ol { list-style: decimal }
dt { font-weight: bold; color: #7BA857 }
dd { padding-left: 25px }
p { padding: 10px 15px }
dl { padding: 10px 15px; margin: 10px 0 }
tbody tr td { padding: 3px 0 !important;}
input { padding: 2px }
fieldset { margin: 0; padding: 0; border: none }
blockquote { quotes: none }
blockquote:before, blockquote:after { content: ''; content: none }
del { text-decoration: line-through }
/* ================================ Custom ================================*/
* { margin: 0; padding: 0 }
.support-box{font:18px 'Microsoft Yahei',Arial,Helvetica;background:#8dc03d;box-sizing:content-box;width:40px;position:fixed;z-index:999;right:0px;top:50%;margin-top:-104px;text-align:left;border-radius:6px 0px 0 6px}
.survey-box{font:18px 'Microsoft Yahei',Arial,Helvetica;background:#de7734;box-sizing:content-box;width:40px;position:fixed;z-index:999;right:0px;top:65%;text-align:left;border-radius:6px 0px 0 6px}
.support-box:hover{background:#A1D254}
.survey-box:hover{background:#e7803d}
.support-box a,.survey-box a{display:inline-block;font:18px 'Microsoft Yahei',Arial,Helvetica;color:#fff;text-decoration:none;outline:none;border:none;padding:0;margin:0}
.support-box img{vertical-align:middle;width:30px;border:none;padding:0;margin:20px 0px 13px 5px}
.survey-box img{vertical-align:middle;width:22px;border:none;padding:0;margin:15px 0px 11px 9px}
.support-box span{display:inline-block;width:1em;font:18px 'Microsoft Yahei',Arial,Helvetica;color:#fff;word-break:break-all;white-space:pre-wrap;padding:0;margin:0 0 20px 11px}
.survey-box span{display:inline-block;width:1em;font:18px 'Microsoft Yahei',Arial,Helvetica;color:#fff;word-break:break-all;white-space:pre-wrap;padding:0;margin:0 0 10px 11px}
.floatbox { font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif; background: #8dc03d; position: fixed; top: 260px; right: 0px; _position: absolute; z-index: 1500; border-radius: 6px 0px 0 6px }
.floatbox a { color: #8dc03d !important }
.floatbox a:hover { color: #ff8100; text-decoration: none }
.floatbox .floatl { width: 38px; height: 200px; float: left; position: relative; z-index: 1; margin-top: 0 }
.floatbox .floatl a { font-size: 0; text-indent: -999em; display: block }
.floatbox .floatr { width: 130px; float: left; padding: 0 10px 0 5px; overflow: hidden }
.floatbox .floatr .floatcn { background: #f7f7f7; border-radius: 6px; margin-top: 14px }
.floatbox .floatcn ul { list-style: none; padding: 10px 10px 14px 10px; margin: 0 }
.floatbox .floatcn ul li { list-style: none; height: 45px; line-height: 45px; font-size: 15px; border-bottom: 1px solid #e3e3e3; text-align: center }
.floatbox .floatcn ul li span { color: #666; padding: 0 0 0 9px }
.floatbox .floatcn ul li a { color: #666 !important; text-decoration: none }
.floatbox .floatcn ul li img { border: none; vertical-align: middle }
.floatbox .floatcn ul p { color: #b55402; height: 28px; line-height: 28px; font-size: 12px; text-align: center; margin: 0; padding: 0 }
.floatbox .btnopen, .floatbox .btnctn { position: relative; z-index: 9; top: 32px; left: 0; background-image: url(../images/shopnc.png) !important; background-repeat: no-repeat !important; display: block; height: 136px; padding: 0 8px }
.floatbox .btnopen { background-position: 9px 0 }
.floatbox .btnctn { background-position: -29px 0 }
.floatbox ul li.top { border-bottom: solid #ace5f9 1px }
.floatbox ul li.bot { border-bottom: none }
.post-content a { color: #B55402; text-decoration: underline; padding: 0 2px }
.post-content a:hover { color: #F47E6C; text-decoration: none }
.post-content p, .page-content p { font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif; color: #555; font-size: 14px; line-height: 24px; padding: 0; margin: 16px 0 0 0 }
.post-content blockquote { background: #F9FCFF; padding: 16px 15px 0px 15px; margin: 1em 3em 1.2em 3em; border-style: dotted dotted dotted solid; border-width: 1px 1px 1px 5px; border-color: #72A821 }
.post-content h1, h2, h3, h4, .page-content h1, h2, h3, h4 { color: #6C923E; font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 20px; line-height: 26px; letter-spacing: 1px; padding: 0; margin: 0 0 16px 10px }
.post-content ul, li, .page-content ul, li { list-style: none; margin: 0; padding: 0; *zoom:1
}
.page-content ul:before, .page-content ul:after { display: table; content: ""; line-height: 0 }
.page-content ul:after { clear: both }
.otherpro, .guide-faq { font-family: 'Microsoft Yahei', Helvetica, Arial, sans-serif; margin: 20px 0 0 0; }
.otherpro li { float: left; width: 690px; padding: 0 0 14px 0 }
.otherpro li .win { background: transparent url(../images/win_icon.png) no-repeat 30px center }
.otherpro li .ios { background: transparent url(../images/ios_icon.png) no-repeat 30px center }
.otherpro li .and { background: transparent url(../images/and_icon.png) no-repeat 30px center }
.otherpro li .mac { background: transparent url(../images/mac_icon.png) no-repeat 30px center }
.otherpro li .win7 { background: transparent url(../images/win7_icon.png) no-repeat 30px center }
.otherpro li .win10 { background: transparent url(../images/win10_icon.png) no-repeat 30px center }
.otherpro li .winxp { background: transparent url(../images/winxp_icon.png) no-repeat 30px center }
.otherpro li .win8 { background: transparent url(../images/win8_icon.png) no-repeat 30px center }
.otherpro li .wp { background: transparent url(../images/wp_icon.png) no-repeat 30px center }
.otherpro li .ubuntu { background: transparent url(../images/ubuntu_icon.png) no-repeat 30px center }
.otherpro li .bb { background: transparent url(../images/bb_icon.png) no-repeat 30px center }
.otherpro li .chrome { background: transparent url(../images/chrome_icon.png) no-repeat 30px center }
.otherpro li .prolist { float: left; width: 165px; height: 50px; padding: 15px 0 0 96px }
.otherpro li .uplist { float: left; width: 105px; height: 37px; padding: 24px 0 0 96px }
.otherpro li a { float: left; color: #b55402; font-size: 16px; line-height: 22px; margin: 24px 0 0 50px }
.guide li a { font-size: 15px; line-height: 21px }
.otherpro li a:hover { color: #f47e6c; text-decoration: underline }
.prolist span, .uplist span { color: #737373; font-size: 15px }
.prolist p { font-size: 12px; color: #888; line-height: 18px; padding: 4px 0 0 0; margin: 0 }
.fortcss a { display: inline-block }
.fortcss .icon-chat { position: relative }
.fortcss .icon-chat:hover .chat-tips { display: block }
.chat-tips { display: none; background: #fff; border: 1px solid #d1d2d6; position: absolute; left: 80px; top: -105px; padding: 15px }
.chat-tips img { width: 200px; height: 200px }
.chat-tips p { color: #6C923E; font-size: 14px; line-height: 18px; font-weight: bold; text-align: center; margin: 10px 0 0 0 }
.guide-faq { float: left; width: 673px; margin: 10px 0 0 10px; }
.guide-faq ul { padding: 20px 0 0 20px }
.guide-faq li { margin: 0 0 6px 0; }
.guide-faq a { color: #B55402; font-size: 15px; line-height: 21px; margin: 0 8px 0 0; }
.guide-faq a:hover { color: #f47e6c; text-decoration: underline }
#colophon { font: 14px 'Microsoft Yahei', Helvetica, Arial, sans-serif; overflow: hidden; padding: 30px 0 }
#site-link { float: left }
#site-link a { color: #666; text-decoration: none; margin: 0 30px 0 0 }
#site-link a:hover { text-decoration: underline }
#site-info { float: right; color: #666; position: relative }
/* ================================ Layout ================================*/
/* Search */
#search { /*    background:#F5F4F3 url(../images/header-search.gif) no-repeat scroll 0 0; */ border: medium none; height: 33px; margin: 0; padding: 0; position: absolute; right: 0; top: 10px; width: 270px; z-index: 999999 }
/* Wrapper */
#content-outer { background: #fff; width: 100%; padding: 5px 0; border-bottom: 1px solid #E0E0E0; text-align: left }
#content-wrapper { margin: 0 auto; background: #fff url(../images/content-bg.gif) repeat-y center top; padding-bottom: 35px; padding-top: 5px; overflow: auto }
/* Header */
#header-wrap { width: 100%; background: #fff url(../images/bg.gif) repeat-x; margin: 0; padding: 0 }
#header { position: relative; margin: 0 auto; background: url(../images/border.gif) repeat-x left bottom; height: 275px }
#header h1#logo-text { margin: 0; padding: 0 }
#header h1#logo-text a { position: absolute; margin: 0; padding: 10px 10px 0 0; font: normal 66px Georgia, 'Times New Roman', Times, serif; letter-spacing: -6px; color: #93b876; text-decoration: none; top: 90px; left: 20px; }
#header h1#logo-text a:hover { border: none }
#header p#intro { position: absolute; margin: 0; padding: 0; font-family: Georgia, 'Times New Roman', Times, Serif; font-weight: normal; font-size: 17px; line-height: 1.6em; font-style: italic; letter-spacing: -.5px; color: #7ba45b; width: 400px; /* change the values of top and left to adjust the position */ top: 175px; left: 110px }
#header #header-image { position: absolute; background: url(../images/header-image.gif) no-repeat; width: 371px; height: 263px; right: 10px; top: 0 }
#breadcrumb-wrapper { width: 100%; background: #FFF }
.breadcrumb { width: 946px; background: transparent url(../images/border.gif) repeat-x scroll left bottom; margin: 0 auto; overflow: hidden; padding: 7px }
/* ================================= Footer =============================*/
#footer-wrapper { clear: both; margin: 0 auto; text-align: left }
#footer-content { float: left; width: 100%; padding: 0 0 35px 0; margin: 10px 0 0 5px }
#footer-bottom { clear: both; border-top: 1px solid #dadada; width: 940px; margin: 0 auto; font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, sans-serif }
#footer-bottom .bottom-left { float: left; padding-left: 5px }
#footer-bottom .bottom-right { float: right; padding-left: 5px }
.flags { background: url(../images/bkg_flags.gif) repeat-x top; height: 48px; padding-top: 9px; text-align: center; padding-left: 10px }
.flags a { background: url(../images/flags.jpg) no-repeat; width: 48px; height: 38px; display: inline-block; float: left; margin-left: -1px; margin-right: 0px }
.flags a.flag_us { background-position: 0px 0px }
.flags a.flag_us:hover, .flags li.active a.flag_us { background-position: -48px 0px }
.flags a.flag_ca { background-position: 0px -38px }
.flags a.flag_ca:hover, .flags li.active a.flag_ca { background-position: -48px -38px }
.flags a.flag_uk { background-position: 0px -76px }
.flags a.flag_uk:hover, .flags li.active a.flag_uk { background-position: -48px -76px }
.flags a.flag_fr { background-position: 0px -114px }
.flags a.flag_fr:hover, .flags li.active a.flag_fr { background-position: -48px -114px }
.flags a.flag_de { background-position: 0px -152px }
.flags a.flag_de:hover, .flags li.active a.flag_de { background-position: -48px -152px }
.flags a.flag_ne { background-position: 0px -190px }
.flags a.flag_ne:hover, .flags li.active a.flag_ne { background-position: -48px -190px }
.flags a.flag_ru { background-position: 0px -228px }
.flags a.flag_ru:hover, .flags li.active a.flag_ru { background-position: -48px -228px }
.flags a.flag_cn { background-position: 0px -266px }
.flags a.flag_cn:hover, .flags li.active a.flag_cn { background-position: -48px -266px }
.flags a.flag_jp { background-position: 0px -304px }
.flags a.flag_jp:hover, .flags li.active a.flag_jp { background-position: -48px -304px }
.flags a.flag_kr { background-position: 0px -342px }
.flags a.flag_kr:hover, .flags li.active a.flag_kr { background-position: -48px -342px }
.flags a.flag_sg { background-position: 0px -380px }
.flags a.flag_sg:hover, .flags li.active a.flag_sg { background-position: -48px -380px }
.flags a.flag_tw { background-position: 0px -418px }
.flags a.flag_tw:hover, .flags li.active a.flag_tw { background-position: -48px -418px }
.flags a.flag_hk { background-position: 0px -456px }
.flags a.flag_hk:hover, .flags li.active a.flag_hk { background-position: -48px -456px }
